style: 默认主题样式精调

[he-weilai]

该 pr 调整默认主题的样式

对应 issue: #800

具体修改内容都已在 commit 中说明。

调整之前预览：

调整之后预览：

调整参考：

• 网站设计最重要的11个设计原则：https://www.da-vinci.com.tw/cn/blog/design-improve-list
• 主要的网页设计原则：https://appmaster.io/zh/blog/zhu-yao-de-wang-ye-she-ji-yuan-ze
• 8个web设计原则，看看大厂是如何做设计的：https://pixso.cn/designskills/wangyejiemiansjyz/
• 每位设计师都应该知道的20条网站设计原则：https://www.sumaarts.com/share/1514.html
• 设计一个完美的超链接——没那么简单：https://www.woshipm.com/pd/82538.html
• 设计超链接:提示和最佳实践：https://www.psicolabor.com/blog/web-design/designing-hyperlinks-tips-and-best-practices/
• 设计完美的超链接 - 它并不像你想象的那么简单：https://www.iran-store.com/blog/web-design/hyperlink-design/

现阶段发现的问题：

1. 网页全屏按钮失效
2. 建议增加回到顶部按钮
3. 悬浮菜单（cherry-floatmenu）的位置应该放在当前编辑行的上方，而不是右方，容易误点击
4. 跳转新窗口超链接的a::after元素图标不直观，会让人认为这只是一个普通链接，不是跳转新窗口的链接，同时不跳转新窗口的链接又没有a::after，就会造成超链接元素样式风格的割裂，普通超链接、蓝色文字以及跳转新窗口的超链接三者没有明显的区分，易造成混淆。应该更换一个更直观的图标。例如：
   

后续将继续调整暗黑主题的样式。

[tencent-adm]

All committers have signed the CLA.

[github-actions]

【预览链接】

• https://cherrymd.com/pr844/examples/index.html