docs: adjust demo flow

swap demo with cloud button

Author: tianzhou

mintlify/introduction/what-is-bytebase.mdx

@@ -38,6 +38,10 @@ In short, Bytebase unifies the process of **changing the database** with the **p
 
 <img src="/content/docs/what-is-bytebase/venn.webp" alt="venn" width="300" />
 
+## Demo Bytebase
+
+Explore Bytebase’s features at [demo.bytebase.com](https://demo.bytebase.com). This is a shared workspace and we reset the data periodically.
+
 ## Compare
 
 ### Schema Migration Tools

src/components/shared/header/header.tsx

@@ -393,8 +393,8 @@ const Header = () => {
           </ul>
           <div className="ml-auto flex items-center gap-2 md:mr-10 sm:hidden">
             <GithubStarCounter />
-            <Button href={Route.DEMO} theme="primary-outline" className="w-[88px]" size="sm">
-              Demo
+            <Button href={Route.DOCS_CLOUD} theme="primary-outline" className="w-[88px]" size="sm">
+              Cloud
             </Button>
             <Button href={Route.DOCS_SELF_HOST} theme="gray-filled" className="w-[116px]" size="sm">
               Self-host

src/components/shared/mobile-menu/mobile-menu.tsx

@@ -270,8 +270,8 @@ const MobileMenu = () => {
               <Button href={Route.DOCS_SELF_HOST} theme="gray-filled" size="md">
                 Self-host
               </Button>
-              <Button href={Route.DEMO} theme="primary-outline" size="md">
-                Demo
+              <Button href={Route.DOCS_CLOUD} theme="primary-outline" size="md">
+                Cloud
               </Button>
             </div>
           </div>