使用JavaScript实现页面滚动到顶部：简单可靠的解决方案

大家好！我是JavaScript新手，一直搞不明白页面滚动到顶部的问题。我的网站上有一个长页面，内容很多，我想添加一个“回到顶部”按钮，让用户能快速返回页面开头。 我试过用 `window.scrollTo(0, 0)` —— 看起来能用，但很生硬，没有动画效果。我想要平滑滚动。尝试用 `window.scrollBy()` 实现，但逻辑上搞混了。还试过旧方法 `window.scrollTo({ top: 0, behavior: 'smooth' })`，但在某些浏览器中不起作用，尤其是旧版Safari。 以下是我目前拼凑的代码：

function scrollToTop() {
  window.scrollTo(0, 0);
}

按钮能工作，但很突兀。请问如何实现平滑滚动，且在所有现代浏览器中都能工作？还能否添加速度变化的动画——比如先快后慢？希望能有带解释的示例。谢谢！ P.S. 请不要推荐jQuery——我想用纯JavaScript。